<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
    <head>
	<meta charset="UTF-8">
	<title>旅游表(游学)管理</title>
	<meta content='width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no' name='viewport'>
	<jsp:include page="../com/header.jsp"></jsp:include>
	<script type="text/javascript" src="../../js/comm/listcomm.js"></script>
	<script type="text/javascript">
	var contentUrl = root + "cms/travelTable/findTravelTableList";
	var editUrl = 'travelTableEdit.jsp?id=';
	var operateUrl = root + 'cms/travelTable/operateTravelTableByIds';
	var detailurl=root + 'cms/travelTable/findTravelTableById';
	var topUrl=root + 'cms/travelTable/operateTravelTableByIds';
	function getfilter(){
		var _jsonFilter = "{";
				if($("#search_TravelItemName").val() && $("#search_TravelItemName").val().length > 0){
			_jsonFilter += "'search_LIKE_TravelItemName':'"+$("#search_TravelItemName").val().replace("'","\"")+"',";
		}
				if($("#search_TravelItemType").val() && $("#search_TravelItemType").val().length > 0){
			_jsonFilter += "'search_EQ_TravelItemType':'"+$("#search_TravelItemType").val().replace("'","\"")+"',";
		}
				if(_jsonFilter != "{"){
			_jsonFilter = _jsonFilter.substring(0,_jsonFilter.length - 1);
		}
		_jsonFilter += "}";
		return _jsonFilter;
	}
	</script>
    </head>
    <body>
      <section>
          <div>
              <div class="col-xs-12">
                  <div class="box">
	                  <form id="search_form" class="form-horizontal">
                      	<div class="tabSelect" id="selectHeadId">
                      		<br>
           	            	<div class="form-group  col-md-3 search-form">
        						<label class="col-md-4 control-label controls" for="formGroupInputSmall">项目名称：</label>
       				 			<div class="col-md-8">
									<input type="text" placeholder="项目名称" class="form-control input-sm" id="search_TravelItemName" name="TravelItemName"/>
								</div>
      						</div>
			            	<div class="form-group  col-md-3 search-form">
        						<label class="col-md-4 control-label controls" for="formGroupInputSmall">项目种类 ：</label>
       				 			<div class="col-md-8">
									<select class="form-control input-sm" id="search_TravelItemType" name="TravelItemType">
									    <option value="">请选择</option>
										<option value="1">国内</option>
										<option value="2">国外</option>
									</select>
								</div>
      						</div>
				            <input type="button" value="查询" id="search" class="btn btn-primary searchBtn">
                      	</div>
	                  </form>
                      <div class="box-body table-responsive" style="clear:both;">
                          <input type="button" value="新增" id="addSome" class="btn btn-success">
                          <input type="button" value="编辑" id="updateSome" class="btn btn-info">
                          <input type="button" value="删除" id="deleteSome" class="btn btn-danger">
                          <input type="button" value="查看" id="detailgold" class="btn btn-color">
                      </div>
                      <div class="box-body table-responsive">
                          <table id="example2" class="table table-bordered table-hover">
                              <thead>
                                  <tr>
                                      <th width="30"><input type="checkbox" id="_selectAll" /></th>
          		               		  <th width="80">项目名称</th>
				               		  <th width="80">标语</th>
				               		  <th width="80">项目价格</th>
				               		  <th width="80">项目地址</th>
				               		  <th width="80">联系电话</th>
				               		  <th width="80">项目种类</th>
				               		  <th width="30">排序值</th>
                            		  <th width="30">点击量</th>
				               		  <th width="80">创建时间</th>
                                  </tr>
                              </thead>
                              <!-- 表格内容 start -->
                              <tbody id="mycontent"></tbody>
                              <!-- 表格内容 end -->
                          </table>
                          <!-- 分页标签 start -->
                          <div class="row page_big_div" id="displayPage"></div>
                          <!-- 分页标签 end -->
                          <script id="tableContentTmple" type="text/x-jsrender">
								<tr>
									<td><input id="ck_{{:id}}" ckId="{{:id}}" ckStatus="{{:status}}" class="ckSelect" type="checkbox" /></td>
									<td title={{:travelItemName}}>{{subStrings:travelItemName lens=10}}</td>
									<td title={{:slogan}}>{{subStrings:slogan lens=7}}</td>
									<td title={{:travelItemPrice}} style="vertical-align:middle; text-align:right;">{{toThousands:travelItemPrice}}</td>
									<td title={{:travelItemAddress}}>{{subStrings:travelItemAddress lens=7}}</td>
									<td>{{:travelItemTelephone}}</td>
									<td>{{if travelItemType==1}}国内{{else travelItemType==2}}国外{{/if}}</td>
									<td>{{:sort}}</td>
									<td>{{:clickCont}}</td>
									<td>{{:createTime}}</td>
								</tr>
						  </script>
                  </div>
              </div>
          </div>
      </section>
      <!-- 详细信息 -->
      <div class="modal fade" id="myModals" tabindex="-1" role="dialog"
		aria-labelledby="myModalLabel" aria-hidden="true">
		<form id="validateForm" class="form-horizontal">
			<div class="modal-dialog">
				<div class="modal-content" style="width:900px;margin-left:-100px;">
					<div class="modal-header">
						<button type="button" class="close" data-dismiss="modal"
							aria-hidden="true">&times;</button>
						<h4 class="modal-title" id="myModalLabel">详细信息</h4>
					</div>
					<div class="modal-body detail">
						
					</div>
					<div class="modal-bodyclass">
                       	    <script id="commentContentTmple" type="text/x-jsrender">
                             <div class="form-group">
			                    	<label for="userPhoto2" class="control-label col-md-2">项目名称：</label>
			                       	<div class="controls col-md-3" style="line-height:30px;font-weight:normal;">
					                  {{:travelTable.travelItemName}}
				                    </div>
							</div>
                             <div class="form-group">
				                    <label for="userPhoto2" class="control-label col-md-2">标语：</label>
				                    <div class="controls col-md-3" style="line-height:30px;font-weight:normal;">
					                 {{:travelTable.slogan}}
				                    </div>
			                </div>
                             <div class="form-group">
			                    	<label for="userPhoto2" class="control-label col-md-2">项目价格：</label>
			                       	<div class="controls col-md-3" style="line-height:30px;font-weight:normal;">
					                 {{:travelTable.travelItemPrice}}
				                    </div>
			                    	<label for="userPhoto2" class="control-label col-md-2">项目地址：</label>
			                       	<div class="controls col-md-3" style="line-height:30px;font-weight:normal;">
					                 {{:travelTable.travelItemAddress}}
				                    </div>
			                </div>
							<div class="form-group">
				                    <label for="userPhoto2" class="control-label col-md-2">联系电话：</label>
				                    <div class="controls col-md-3" style="line-height:30px;font-weight:normal;">
					                 {{:travelTable.travelItemTelephone}}
				                    </div>
									 <label for="userPhoto2" class="control-label col-md-2">项目种类：</label>
				                    <div class="controls col-md-3" style="line-height:30px;font-weight:normal;">
					                 {{if travelTable.travelItemType==1}}国内{{else travelTable.travelItemType==2}}国外{{/if}}
				                    </div>
			                </div>
							<div class="form-group">
			                    	<label for="userPhoto2" class="control-label col-md-2">经度：</label>
			                       	<div class="controls col-md-3" style="line-height:30px;font-weight:normal;">
					                 {{:travelTable.lng}}
				                    </div>
				                    <label for="userPhoto2" class="control-label col-md-2">纬度：</label>
				                    <div class="controls col-md-3" style="line-height:30px;font-weight:normal;">
					                 {{:travelTable.lat}}
				                    </div>
			                </div>
							<div class="form-group">
									<label for="userPhoto2" class="control-label col-md-2">点击量：</label>
				                    <div class="controls col-md-3" style="line-height:30px;font-weight:normal;">
					                 {{:travelTable.clickCont}}
				                    </div>
									<label for="userPhoto2" class="control-label col-md-2">排序值：</label>
				                    <div class="controls col-md-3" style="line-height:30px;font-weight:normal;">
					                 {{:travelTable.sort}}
				                    </div>
							</div>
							<div class="form-group">
									<label for="userPhoto2" class="control-label col-md-2">最低组团人数：</label>
				                    <div class="controls col-md-3" style="line-height:30px;font-weight:normal;">
					                 {{:travelTable.minGroupPeople}}
				                    </div>
									<label for="userPhoto2" class="control-label col-md-2">预计出发日期：</label>
				                    <div class="controls col-md-3" style="line-height:30px;font-weight:normal;">
					                 {{:travelTable.planStartTime}}
				                    </div>
							</div>
							<div class="form-group">
									<label for="userPhoto2" class="control-label col-md-2">预定价格：</label>
				                    <div class="controls col-md-3" style="line-height:30px;font-weight:normal;">
					                 {{:travelTable.reservationPrice}}
				                    </div>
			                    	<label for="userPhoto2" class="control-label col-md-2">创建时间：</label>
			                       	<div class="controls col-md-3" style="line-height:30px;font-weight:normal;">
					                 {{:travelTable.createTime}}
				                    </div>
			                </div>
							<div class="form-group">
			                    	<label for="userPhoto2" class="control-label col-md-2">游学图片:</label>
			                       	<div class="controls col-md-3" style="line-height:30px;font-weight:normal;">
					                  {{for tourList}}
                                             <img src="../../{{:}}" class="img" height="40" width="50">
                                       {{/for}}
				                    </div>
							</div>
							<div class="form-group">
			                    	<label for="userPhoto2" class="control-label col-md-2">简介:</label>
									<div class="controls" style="line-height:30px;font-weight:normal;width:600px;overflow-y:scroll;height: 200px;float:left;margin-left: 30px;">
					                   {{:travelTable.travelBrief}}
				                    </div>
			                </div>
							<div class="form-group">
			                    	<label for="userPhoto2" class="control-label col-md-2">行程说明:</label>
									<div class="controls" style="line-height:30px;font-weight:normal;width:600px;overflow-y:scroll;height: 200px;float:left;margin-left: 30px;">
					                   {{:travelTable.route}}
				                    </div>
			                </div>
							<div class="form-group">
			                    	<label for="userPhoto2" class="control-label col-md-2">费用须知:</label>
									<div class="controls" style="line-height:30px;font-weight:normal;width:600px;overflow-y:scroll;height: 200px;float:left;margin-left: 30px;">
					                   {{:travelTable.cost}}
				                    </div>
			                </div>
                            </script>
                    </div>
                    <div class="modal-footer">
						<button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
					</div>
				</div>
			</div>
		</form>
	</div>
    </body>
</html>